<script>
    if ("undefined" == typeof STATUS) {
        console.log(111);
        window.location.href = "../../index.html";
    }
</script>

<link rel="stylesheet" href="./modules/system/abnormal/abnormal.css">

<div class="row">
    <div class="col-8">
        <div class="row">
            <div class="col-8">
                <div class="card" id="streamAbnormal">
                    <div class="card-header">
                        <h3>访问流量异常</h3>
                    </div>
                    <div class="card-body">
                        <div id="streamAbnormalChart"></div>
                    </div>
                </div>
            </div>
            <div class="col-4">
                <div class="card" id="ipAbnormal">
                    <div class="card-header">
                        <h3>IP访问异常</h3>
                    </div>
                    <div class="card-body">
                        <table id="ipAbnormalTable"></table>
                    </div>
                </div>
            </div>
        </div>

        <div class="divider"></div>

        <div class="row">
            <div class="col-6">
                <div class="card" id="visitorAbnormal">
                    <div class="card-header">
                        <h3>访客访问异常</h3>
                    </div>
                    <div class="card-body">
                        <div id="visitorAbnormalChart"></div>
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="card" id="portAbnormal">
                    <div class="card-header">
                        <h3>端口访问异常</h3>
                    </div>
                    <div class="card-body">
                        <div id="portAbnormalChart"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-4">
        <div class="card" id="abnormalEvents">
            <div class="card-header">
                <h3>异常事件告警</h3>
            </div>
            <div class="card-body">
                <div id="abnormalEventsChart"></div>
                <table id="abnormalEventsTable" class="display" style="width: 100%"></table>
            </div>
        </div>
    </div>
</div>


<div id="ipAbnormalDetail" title="攻击事件详情" class="hidden">
        <div class="row">
          <div class="col-6">
            <span class="float-left">源IP: 114.112.113.14</span>
          </div>
          <div class="col-6">
            <span class="float-right">源城市: 杭州</span>
          </div>
        </div>
      
        <div class="row">
          <div class="col-12">
            <div id="attackEventDetailChart"></div>
          </div>
      
        </div>
        <div class="row">
          <div class="col-12">
            <div id="tabs">
              <ul>
                <li>
                  <a href="#tabs-1">基本信息</a>
                </li>
                <li>
                  <a href="#tabs-2">攻击特征</a>
                </li>
                <li>
                  <a href="#tabs-3">防御建议</a>
                </li>
              </ul>
              <div id="tabs-1">
                <div class="row">
                  <div class="col-6">
                    <ul>
                      <li>
                        <h4>攻击类型：</h4>
                        <span id="attackName">跨站脚本攻击</span>
                      </li>
                      <li>
                        <h4>发起时间：</h4>
                        <span id="attackStartTime">2018-05-03 22:24:05</span>
                      </li>
                      <li>
                        <h4>结束时间：</h4>
                        <span id="attackEndTime">2018-05-03 22:51:27</span>
                      </li>
                    </ul>
                  </div>
                  <div class="col-6">
                    <ul>
                      <li>
                        <h4 class="new-td">攻击简介</h4>
                        <span id="attackDesc">
                          XSS攻击（Cross Site Script），即跨站脚本攻击，是一种经常出现在web应用中的计算机安全漏洞，
                          它允许恶意web用户将代码植入到提供给其它用户使用的页面中。比如这些代码包括HTML代码和客户端脚本。
                        </span>
                      </li>
                    </ul>
                  </div>
      
                </div>
              </div>
              <div id="tabs-2">
                <p>Morbi tincidunt, dui sit ame.</p>
              </div>
              <div id="tabs-3">
                <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan,
                  mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora
                  torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque.
                  Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a,
                  lacus.</p>
      
              </div>
      
            </div>
          </div>
        </div>
      </div>




<script src="./modules/system/abnormal/abnormal.echarts.js"></script>
<script src="./modules/system/abnormal/abnormal.js"></script>